@import url('variable.less');

.color(@theme) when (@theme = 'default') {
  color:@color-default;
}
.color(@theme) when (@theme = 'info') {
  color: @color-info;
}
.color(@theme) when (@theme = 'success') {
  color: @color-success;
}
.color(@theme) when (@theme = 'warning') {
  color: @color-waring;
}
.color(@theme) when (@theme = 'danger') {
  color: @color-danger;
}

.background(@theme) when (@theme = 'default') {
  background-color:@color-default;
  color:white;
}
.background(@theme) when (@theme = 'info') {
  background-color: @color-info;
  color:white;
}
.background(@theme) when (@theme = 'success') {
  background-color: @color-success;
  color:white;
}
.background(@theme) when (@theme = 'warning') {
  background-color: @color-waring;
  color:white;
}
.background(@theme) when (@theme = 'danger') {
  background-color: @color-danger;
  color: white;
}

.font-size(@size) when (@size = 'h1') {
  font-size:1.5rem;
}
.font-size(@size) when (@size = 'h2') {
  font-size:1.2rem;
}
.font-size(@size) when (@size = 'h3') {
  font-size:1rem;
}
.font-size(@size) when (@size = 'h4') {
  font-size: .8rem;
}
.font-size(@size) when (@size = 'h5') {
  font-size: .75rem;
}